<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<script type="text/javascript">
    //我要投资下拉
    $(function () {
        $(".headBody .main-nav li:eq(1)").hover(function () {
            $(this).children(".menu-drop").stop(false, true).fadeIn();
        }, function () {
            $(this).children(".menu-drop").stop(false, true).hide();
        });
    });
</script>
<script th:inline="javascript">
    /*alert(window.location.href); //http://localhost:9005/web/index
    alert([[${#request.getRequestURI()}]]) ///web/index
    alert([[${#request.getRequestURL()}]]) //http://localhost:9005/web/index
    alert([[${#request.getContextPath()}]]) ///web*/
    let rootPath = [[${#request.getContextPath()}]];

    function toLogin() {
        window.location.href = rootPath + "/loan/page/login?ReturnUrl=" + window.location.href;
    }
</script>
<!--页头start-->
<a id="top"></a>
<div class="headBody" id="headBody">
  <div class="header">
    <div class="mainBox clearfix">
      <div class="head_l"><span>客服电话：400-8080-105</span><em></em><a href="http://weibo.com/bjpowernode" target="_blank"
                                                                    class="weibo"></a></div>
      <div class="head_r"><a href="javascript:void(0);" id="helpcenter.html">帮助中心</a><em></em><a
          href="javascript:void(0);" id="/webPage/invest/phone_jinxin.html" class="phone_jinxin"
          style="margin-right:15px;"><i></i>手机客户端</a>
        <div class="phone-ewm" style="display:none;">
          <a href="javascript:void(0)" class="phone_jinxin"><i></i>手机客户端</a>
          <div class="phone-ewm-dropdown">
            <span><img src="images/phone_jinxin_ewm.png" alt=""></span>
            <p>下载动力宝APP</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="headCnt clearfix">
    <div class="logo"><a th:href="@{/index}"><img th:src="@{/images/logo.jpg}"></a></div>
    <ul class="main-nav">
      <li><h2><a id="jinxin" th:href="@{/index}">首页<i></i></a></h2></li><!--current为当前状态-->
      <li>
        <h2><a id="wytz" href="javascript:void(0)">我要投资<i></i></a></h2>
        <div class="menu-drop" style="display:none;">
          <a th:href="@{/loan/loan}">优选类产品</a>
          <a th:href="@{/loan/loan}">散标类产品</a>
        </div>
      </li>
      <li><h2><a id="borrowers" href="javascript:void(0);" class="/loan/borrower">借款人信息<i></i></a></h2></li>
      <li><h2><a id="information" href="javascript:void(0);" class="/webPage/newInfoDisclosure/company-profile.htm">信息披露<i></i></a>
      </h2></li>
      <li><h2><a id="insurance" href="javascript:void(0);" class="/webPage/index/insurance.html">安全计划<i></i></a></h2>
      </li>
    </ul>
    <div class="login-right">
      <!-- 未登录start -->
      <div th:if="${session.loginUser==null}">
        <div class="no-login">
          <a th:href="@{/loan/page/register}" class="btn-reg">注册</a>
          <a href="#" class="btn-login" onclick="toLogin()">登录</a>
        </div>
      </div>
      <!-- 未登录end -->

      <!--登录后begin-->
      <!--EL表达式-->
      <div th:if="${session.loginUser!=null}">
        <div class="logged">
          <div class="userinfo-up">
            <a th:href="@{/loan/page/myCenter}" class="user-phone" th:text="${session.loginUser.phone}">13788889999</a>
            <a href="/webPage/account/member_systems.html" class="user-vip" id="member">VIP1</a>
            <i></i>
          </div>
          <div class="userinfo-drop-down" style="height: 0px;">
            <div class="down-bk">
              <div class="user-balance">余额：<span id="frame_top">1000.00</span>元</div>
              <ul class="quick-entry clearfix">
                <li class="icon-recharge"><a th:href="@{/loan/page/myRecharge}"><i></i><span>充值</span></a></li>
                <li class="icon-invest"><a th:href="@{/loan/page/myInvest}"><i></i><span>投资</span></a></li>
              </ul>
              <div class="enter">进入“<a th:href="@{/loan/page/myCenter}">我的小金库</a>”</div>
              <div class="exit"><a th:href="@{/loan/logout}">退出</a></div>
            </div>
          </div>
        </div>
      </div>
      <!--登录后end-->
    </div>
  </div>
</div>
<!--页头end-->

<!--二维码弹出层start-->
<div id="ewm" class="ewm_layer" style="display:none;">
  <a href="javascript:void(0)" class="close"></a>
  <div class="ewm_weixin">
    <h3>动力网服务号</h3>
    <h4>更多服务请关注动力网服务号</h4>
    <div class="ewm"><img th:src="@{/images/ewm_fwh.jpg}" alt="动力网服务号"></div>
  </div>
  <div class="ewm_weixin">
    <h3>动力网订阅号</h3>
    <h4>获取动力网最新资讯</h4>
    <div class="ewm"><img th:src="@{/images/ewm_dyh.jpg}" alt="动力网订阅号"></div>
  </div>
</div>
<!-- 二维码弹出层end -->
</html>